



        main #cooperate{
            margin-top: 50px;
        }
        main #cooperate .list{
            flex-wrap: wrap;
            border-left: 1px solid #f4f4f4;
            border-bottom: 1px solid #f4f4f4;
            margin-top: 60px;
        }
        main #cooperate .list .item{
            width: calc(50% / 3);
            border-top: 1px solid #f4f4f4;
            border-right: 1px solid #f4f4f4;
            height: 180px;
            position: relative;
            
        }
        main #cooperate .list .item img{
            max-width: calc(100% - 20px);
            max-height: calc(100% - 20px);
            opacity: 0;
            transition: opacity .5s;
        }
        main #cooperate .list .item.frozen img{
            opacity: 1;
        }

        main #customer{
            margin-top: 110px;
            padding-top: 90px;
            padding-bottom: 80px;
            position: relative;
        }
        main #customer .bg{
            opacity: .2;
        }
        main #customer .list{
            margin-top: 85px;
        }
        main #customer .list .item{
            background: #fff;
            font-size: 16px;
            position: relative;
            padding-top: 6.7vw;
            padding-bottom: 5.2vw;
            padding-left: 9.6vw;
            margin-top: 50px;
            transition: transform .5s,opacity .5s;
            transform: translateY(50px);
            opacity: 0;
        }
        main #customer .list .item.frozen{
            opacity: 1;
            transform: translateY(0px);
        }
        main #customer .list .item:first-child{
            margin-top: 0px;
        }
        main #customer .list .item:nth-child(even){
            padding-left: 22.4vw;
        }
        main #customer .list .item .qm{
            top: 2.8125vw;
            width: 4.1vw;
            opacity: 0;
            transform: translateY(-20px);
            transition: opacity .5s,transform .5s;
            transition-delay: .5s;
        }
        main #customer .list .item.frozen .qm{
            transform: translateY(0px);
            opacity: 1;
        }
        main #customer .list .item .qm,
        main #customer .list .item .logo{
            position: absolute;
            left: 45px;
        }
        main #customer .list .item:nth-child(even) .qm,
        main #customer .list .item:nth-child(odd) .logo{
            left: auto;
            right: 6vw;
        }
        main #customer .list .item:nth-child(even) .qm{
            transform: rotate(180deg);
        }
        main #customer .list .item .logo{
            top: 4.6875vw;
            width: 160px;
        }
        main #customer .list .item .logo .mid{
            padding-bottom: 100%;
            position: relative;
        }
        main #customer .list .item .logo .mid .inner{
            border: 0px solid #A01F24;
            overflow: hidden;
            border-radius: 50%;
            transition: border .5s .8s;
        }
        main #customer .list .item.frozen .logo .mid .inner{
            border-width: .52vw;
        }
        main #customer .list .item .logo .mid::after{
            content: '';
            pointer-events: none;
            border: dashed 2px #e9e9e9;
            position: absolute;
            width: 100%;
            height: 100%;
            transition: all .5s .8s;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            border-radius: 50%;
        }
        main #customer .list .item.frozen .logo .mid::after{
            width: 118%;
            height: 118%;
        }
        main #customer .list .item .txt{
            width: 520px;
        }
        main #customer .list .item .name{
            font-weight: bold;
            font-size: 24px;
            margin-bottom: 45px;
        }


        main #cases{
            margin-top: 85px;
            padding-bottom: 50px;
        }
        main #cases .list{
            margin-top: 70px;
            margin-left: -3.125vw;
            flex-wrap: wrap;
        }
        main #cases .list .item{
            width: calc(100% / 3 - 3.125vw);
            margin-left: 3.125vw;
            text-align: center;
            opacity: 0;
            transform: translateY(50px);
            transition: opacity .5s,transform .5s;
        }
        main #cases .list .item.frozen{
            opacity: 1;
            transform: translateY(0px);
        }
        main #cases .list .item:nth-child(n + 4){
            margin-top: 30px;
        }
        main #cases .list .item .logo{
            background: #d2b745;
            padding: 2.6vw 0px;
        }
        main #cases .list .item .logo img{
            height: 10.9375vw;
            display: inline-block;
            vertical-align: top;
            width: auto;
        }
        main #cases .list .item .name{
            font-size: 24px;
            line-height: 2;
            font-weight: bold;
        }

        @media(max-width:1600px){
            main #customer{
                margin-top: 90px;
                padding: 70px 0px;
            }
            main #customer .list{
                margin-top: 70px;
            }

            main #cases{
                margin-top: 60px;
            }
            main #cases .list{
                margin-top: 40px;
            }
            main #cases .list .item .name{
                font-size: 20px;
            }
        }

        @media(max-width:1200px){
            main #cooperate .list .item{
                width: 25%;
                height: 140px;
            }

            main #customer{
                margin-top: 70px;
                padding: 50px 0px;
            }
            main #customer .list{
                margin-top: 50px;
            }
            main #customer .list .item{
                font-size: 14px;
                padding-left: 12vw;
                margin-top: 35px;
            }
            main #customer .list .item:nth-child(even){
                padding-left: 26vw;
            }
            main #customer .list .item .txt{
                width: 45vw;
                max-width: 480px;
            }
            main #customer .list .item .logo{
                width: 120px;
            }
            main #customer .list .item .name{
                margin-bottom: 30px;
                font-size: 20px;
            }
        
            main #cases .list .item .name{
                font-size: 18px;
            }
        }

        @media(max-width:1024px){
            main #cooperate .list{
                margin-top: 40px;
            }

            main #customer .list{
                margin-top: 30px;
            }

            main #cases .list{
                margin-top: 20px;
            }
            main #cases .list .item .name{
                font-size: 16px;
            }
        }
        @media(min-width:768px){
            main #cases .list .item:nth-child(3n - 1){
                transition-delay: .1s;
            }
            main #cases .list .item:nth-child(3n){
                transition-delay: .2s;
            }
        }
        @media(max-width:767px){
            main #cooperate{
                margin-top: 30px;
            }
            main #cooperate .list{
                margin-top: 20px;
            }
            main #cooperate .list .item{
                width: 50%;
                height: 120px;
            }

            main #customer .list .item{
                padding-left: calc(30px + 25px);
                padding-top: 60px;
            }
            main #customer .list .item:nth-child(even){
                padding-left: calc(130px + 45px);
            }
            main #customer .list .item .logo{
                width: 100px;
            }
            main #customer .list .item .qm{
                width: 30px;
            }
            main #customer .list .item .txt{
                width: calc(100% - 140px - 6vw);
            }
            main #customer .list .item:nth-child(even) .txt{
                width: calc(100% - 6vw);
            }

            main #cases{
                margin-top: 30px;
                padding-bottom: 40px;
            }
            main #cases .list{
                margin-left: -30px;
            }
            main #cases .list .item{
                width: calc(50% - 30px);
                margin-left: 30px;
            }
            main #cases .list .item:nth-child(n + 4){
                margin-top: 0px;
            }
            main #cases .list .item:nth-child(n + 3){
                margin-top: 10px;
            }
            main #cases .list .item:nth-child(2n){
                transition-delay: .1s;
            }
            main #cases .list .item .name{
                font-size: 14px;
            }
            main #cases .list .item .logo{
                padding: 20px 0px;
            }
            main #cases .list .item .logo img{
                height: 90px;
            }
        }

        @media(max-width:500px){
            main #customer .list .item{
                padding: 0px 25px !important;
                padding-top: 50px !important;
                padding-bottom: 30px !important;
                margin-top: 25px;
            }
            main #customer .list .item .name{
                width: calc(100% - 80px);
                margin-bottom: 15px;
            }
            main #customer .list .item:nth-child(2n) .name{
                text-align: right;
                margin-left: 80px;
            }
            main #customer .list .item .qm{
                left: 10px;
            }
            main #customer .list .item .txt{
                width: 100%;
            }
            main #customer .list .item .logo{
                width: 50px;
            }
            
            main #cases .list{
                margin-left: 0px;
            }
            main #cases .list .item{
                width: 100%;
                margin-left: 0px;
                margin-top: 15px !important;
                transition-delay: 0s;
            }
            main #cases .list .item:first-child{
                margin-top: 0px !important;
            }
        }